<template>
	<view class="setBox">
		<ul class="set_list">
			<li>
				<view class="list_left">
					<image src="../../../static/geren.png" mode="" class="typeLogo"></image>
					<text @click="jumpXiugerem">个人资料</text>
				</view>
				<image src="../../../static/dayu.png" mode="" class="dayu"></image>
			</li>
			<li>

				<view class="list_left">

					<image src="../../../static/xiugai.png" mode="" class="typeLogo"></image>

					<text @click="jumpUpd">修改密码</text>

				</view>

				<image src="../../../static/dayu.png" mode="" class="dayu"></image>

			</li>
			<li>

				<view class="list_left">

					<image src="../../../static/shoushi.png" mode="" class="typeLogo"></image>

					<text @click="jumpHand">手势密码</text>

				</view>

				<image src="../../../static/dayu.png" mode="" class="dayu"></image>

			</li>
			<li>

				<view class="list_left">

					<image src="../../../static/zhiwenpng.png" mode="" class="typeLogo"></image>

					<text @click="jumpZhiwen">指纹解锁</text>

				</view>

				<image src="../../../static/dayu.png" mode="" class="dayu"></image>

			</li>
		</ul>






		<ul class="set_list">
			<li>
				<view class="list_left">
					<image src="../../../static/shouye.png" mode="" class="typeLogo"></image>
					<text @click="jumpShouSet">首页设置</text>
				</view>
				<image src="../../../static/dayu.png" mode="" class="dayu"></image>
			</li>
			<li>

				<view class="list_left">

					<image src="../../../static/biaoqian.png" mode="" class="typeLogo"></image>

					<text @click="jumpbqSet">标签设置</text>

				</view>

				<image src="../../../static/dayu.png" mode="" class="dayu"></image>

			</li>
			<li>

				<view class="list_left">

					<image src="../../../static/tixing.png" mode="" class="typeLogo"></image>

					<text @click="jumptxSet">提醒设置</text>

				</view>

				<image src="../../../static/dayu.png" mode="" class="dayu"></image>

			</li>
			<li>
			
				<view class="list_left">
			
					<image src="../../../static/kaoqin.png" mode="" class="typeLogo"></image>
			
					<text @click="jumpkqSet">考勤设置</text>
			
				</view>
			
				<image src="../../../static/dayu.png" mode="" class="dayu"></image>
			
			</li>
		</ul>
		
		
		<ul class="set_list">
			<li>
				<view class="list_left">
					<image src="../../../static/qingkong.png" mode="" class="typeLogo"></image>
					<text @click="show = true">清空缓存</text>
				</view>
				<image src="../../../static/dayu.png" mode="" class="dayu"></image>
			</li>
			</ul>
			
			
			
			
			<button class="btnS">退出账号</button>
			
			
			
			
			
			
			
			
			
			
			
			<u-modal :show="show" :title="title" :content='content' showCancelButton="true"  @confirm="confirm" @cancel="cancel"></u-modal>
			
			<u-loading-icon :show="flag" text="正在清除"></u-loading-icon>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			flag:false,
	        show:false,
			title:'操作确认',
			content:'您是否要清除缓存文件？'
			}
		},
		methods: {
jumpXiugerem(){
	uni.navigateTo({
		url:"/pages/my/xiugeren/xiugeren"
	})
},jumpHand(){
	uni.navigateTo({
		url:"/pages/my/shoushi/shoushi"
	})
},
confirm(){
	this.show=false,
	this.flag=true
},
cancel(){
	this.show=false
},jumptxSet(){
	uni.navigateTo({
		url:"/pages/my/tixingset/tixingset"
	})
},jumpbqSet(){
	uni.navigateTo({
		url:"/pages/my/biaoqianset/biaoqianset"
	})
},jumpkqSet(){
	uni.navigateTo({
		url:"/pages/my/kaoqinset/kaoqinset"
	})
},jumpShouSet(){
uni.navigateTo({
	url:"/pages/my/shouyeset/shouyeset"
})
},
jumpZhiwen(){
	uni.navigateTo({
		url:"/pages/my/zhiwen/zhiwen"
	})
},
jumpUpd(){
	uni.navigateTo({
		url:"/pages/my/updMima/updMima"
	})
}
		}
	}
</script>

<style>
	u-loading-icon{
		z-index: 1;
		position: relative;
		top: 50%;
	}
	.btnS{
		background-color: #0079fe;
		color: white;
		font-size:16px;
		margin-top: 30px;
		width: 335px;
		height: 45px;
		line-height: 45px;
	}
	.dayu {
		width: 23px;
		height: 23px;
	}

	.list_left>text {
		margin-left: 20px;
		font-size: 14px;
		color: #333333;
	}

	.typeLogo {
		width: 22px;
		height: 25px;
		margin-left: 20px;
	}

	.list_left {
		width: 120px;
		height: 50px;
		display: flex;
		align-items: center;
	}

	.set_list>li {
		width: 100%;
		height: 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #fff;
		margin-top: 3px;
	}

	.setBox {
		background-color: rgba(242, 242, 242, 0.5);
	}

	* {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.set_list {
		margin-top: 40px;
	}
</style>
